<!-- 司机管理 -->
<template>
  <div class="dashboard-container driver customer-list-box">
    <div class="app-container">

      <el-card
        class="search-card-box"
      >
        <el-form
          label-width="80px"
        >
          <div class="filter-container">
            <el-row :gutter="60">
              <el-col :span="8">
                <el-form-item
                  label="汪汪汪大傻der:"
                  style="margin-bottom: 0px"
                  label-width="110px"
                >
                  <el-input
                    placeholder="大傻der"
                    clearable
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item
                  label="傻子"
                  style="margin-bottom: 20px"
                  label-width="110px"
                >
                  <el-input
                    placeholder="汪汪汪"
                    clearable
                  />

                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item
                  label="司机手机号:"
                  style="margin-bottom: 20px"
                  label-width="110px"
                >
                  <el-input
                    placeholder="请输入司机手机号"
                    clearable
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
              </el-col>
              <el-col :span="8">
                <el-form-item
                  label="所属机构:"
                  style="margin-bottom: 20px"
                  label-width="110px"
                >
                  <el-select
                    clearable
                    placeholder="请选择所属机构"
                  >
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-button
                  type="warning"
                >搜索</el-button>
                <el-button
                  class="reset-btn"
                  plain
                >重置</el-button>
              </el-col>
            </el-row>
          </div>
        </el-form>
      </el-card>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Courses'
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.alert {
  margin: 10px 0px;
}
.pagination {
  margin-top: 40px;
}
// 下拉框
::v-deep .el-select {
  width: 100%;
}

::v-deep .el-card{
  overflow: initial;
}
::v-deep .el-card {
  overflow: initial;
}
::v-deep .vue-treeselect__menu-container {
  z-index: 9999 !important;
}

</style>

